import React, { Component } from 'react';
import {
  BrowserRouter as Router,
  Route,
  Link,
  Switch
} from 'react-router-dom'

import App from '../App';

import Auth from './Auth';

// const BasicExample = () => (
//   <Router>
//     <Auth>
//
//       <Switch>
//       <Route path="/" exact render={ (props) => <App title="1" {...props} /> }>
//       <Route path="/list" component={ListRoutes}
//        render={props => <ListLayout>
//         <Route path="/list" exact />
//       </ListLayout>}/>
//
//
//       <Route path="/list" children="" />
//       <Route path="/list/:id" />
//       <Route path="/test" />
//       {//<Route path="/" component={ERROR404} />
//     }
//       </Switch>
//
//
//     </Layout>
//   // <ul>
//   // <li>
//   // <Link to="/list" />
//   // </li>
//   // </ul>
//
//   </div>
//
//
//   </Router>
// );

const AppRouter = () => (
  <Router>
    <div>
      <Auth>
        <Switch>
          <Route exact path="/" component={App} />
        </Switch>
      </Auth>
      <Route exact path="/login" render={()=><div>Login Page</div>} />
    </div>
  </Router>
)

export default AppRouter
